<!DOCTYPE html>
<html>

<head lang="en">
    <meta charset="UTF-8">
    <title>标题</title>
</head>

<body>
    <input type="button" value="获取" id="getBtn" />
    <input type="button" value="设置" id="setBtn" />

    <div id="div1">
        我是一个div标签
        <p>我是一个p标签 <span>span1</span></p>
    </div>

    <div>我是一个div2标签
        <p>我是一个p2标签 <span>span2</span></p>
    </div>

</body>

</html>
<script src="jquery-1.12.4.js"></script>
<script>
    $(function () {
        //text()  获取文本内容
        // text()  内不传参数
        //获取元素
        $('#getBtn').click(function () {
            //获取单个元素text内容
            // console.log($('#div1').text());
            //获取多个
            console.log($('div').text());
        })
        //设置text内容  要传内容
        $('#setBtn').click(function () {
            $('div').text('王耀德<a>穿的太豪华了一分裤加人字拖</a>')//text（）里面是文本内容，加了标签也是文本内容
        })
    });


</script>